import { createRouter,createWebHistory} from 'vue-router'
//import Home from '../views/Home.vue'
//import About from '../views/About.vue'

import { createWebHashHistory } from 'vue-router'
import denglu from '../views/denglu.vue'
import zuce from '../views/zuce.vue'
import zuye from '../views/zuye.vue'
import yunye from '../views/yunye.vue'
//import { pa } from 'element-plus/es/locale'


//配置信息中需要页面的相关配置
const routes = [
  {
    path: '/',//路径
    name: 'home',// 别名
    component:()=>import('../views/denglu.vue'),// 对应页面组件
//二级路由
    /*children:[
      {
        path: '/zuce',
        name: 'zuce',
        component: ()=>import('../views/zuce.vue')
      },
      ]*/
    
  },
  //想要整个页面跳转，不能用二级路由，要与转跳页面同级
  {
    path: '/zuce',
    name: 'zuce',
    component: ()=>import('../views/zuce.vue')
  },
  
  {
    path: '/zuye',
    name: 'zuye',
    component: zuye// 对应页面组件
  },
  {
    path: '/denglu',
    name: 'denglu',
    component: denglu// 对应页面组件
  },
  {
    path: '/yunye',
    name: 'yunye',
    component: ()=>import('../views/yunye.vue')// 对应页面组件
  }
  
]
const router = createRouter({
/**
 * createWebHistory() 是默认的 history 模式，它会使用 HTML5 history API 来实现路由。
 * 
 * createWebHashHistory() 是 hash 模式，它会使用 URL 的 hash 来模拟一个完整的 URL，
 * 
 */

    history: createWebHashHistory(),
    routes

})
export default router;